import React from "react";

const OsmIcon = ({width, height, props}) => (
    <svg
    width={38}
    height={45}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M4.941 35.082c1.503 0 2.722-.702 2.722-1.568 0-.866-1.219-1.567-2.722-1.567s-2.721.701-2.721 1.567 1.218 1.568 2.721 1.568ZM18.98 44.14c1.504 0 2.722-.702 2.722-1.568 0-.866-1.218-1.568-2.721-1.568-1.503 0-2.722.702-2.722 1.568 0 .866 1.219 1.568 2.722 1.568ZM33.519 36.26c1.503 0 2.59-.703 2.59-1.569 0-.865-1.087-1.567-2.59-1.567s-2.722.702-2.722 1.567c0 .866 1.219 1.568 2.722 1.568ZM11.82 39.46c1.503 0 2.722-.702 2.722-1.568 0-.865-1.219-1.567-2.722-1.567-1.502 0-2.721.702-2.721 1.567 0 .866 1.219 1.568 2.721 1.568ZM26.141 39.46c1.503 0 2.721-.702 2.721-1.568 0-.866-1.218-1.568-2.721-1.568-1.503 0-2.721.702-2.721 1.568 0 .866 1.218 1.568 2.721 1.568Z"
      fill="#B6E2D6"
      stroke="#fff"
      strokeWidth={0.2}
    />
    <path
      d="M18.98 36.592c1.504 0 2.722-.702 2.722-1.568 0-.866-1.218-1.568-2.721-1.568-1.503 0-2.722.702-2.722 1.568 0 .866 1.219 1.568 2.722 1.568ZM11.82 32.968c1.503 0 2.722-.701 2.722-1.567s-1.219-1.568-2.722-1.568c-1.502 0-2.721.702-2.721 1.568 0 .866 1.219 1.567 2.721 1.567ZM26.141 32.97c1.503 0 2.721-.703 2.721-1.569s-1.218-1.567-2.721-1.567c-1.503 0-2.721.701-2.721 1.567s1.218 1.568 2.721 1.568Z"
      fill="#B6E2D6"
      stroke="#fff"
      strokeWidth={4}
    />
    <path
      d="m0 26.316 18.906 11.83 18.814-11.92-18.814-11.74L0 26.315Z"
      fill="#1128A9"
    />
    <path
      d="m0 20.254 18.906 11.83 18.814-11.92-18.814-11.74L0 20.253Z"
      fill="#87E3CB"
    />
    <mask
      id="a"
      style={{
        maskType: "alpha",
      }}
      maskUnits="userSpaceOnUse"
      x={0}
      y={8}
      width={38}
      height={25}
    >
      <path
        d="m0 20.254 18.906 11.83 18.814-11.92-18.814-11.74L0 20.253Z"
        fill="#fff"
      />
    </mask>
    <g mask="url(#a)">
      <path
        d="m0 20.254 18.906 11.83 18.814-11.92-18.814-11.74L0 20.253Z"
        fill="#C8FCEE"
      />
      <path
        d="M-11.877 28.85 46.649-8.072M-13.561 37.14 44.965.22M1.603 34.654 60.13-2.268M1.267 42.392 59.794 5.47"
        stroke="#6ED3B9"
        strokeWidth={3}
      />
      <path d="M8.8 45.156 67.326 8.234" stroke="#6ED3B9" strokeWidth={2} />
      <path
        d="M23.964 42.668 82.49 5.747M23.707 50.408l58.527-36.923M82.597 26.638 24.07-10.283M82.854 34.93 24.327-1.993"
        stroke="#6ED3B9"
        strokeWidth={3}
      />
      <path d="M67.69 32.442 9.162-4.479" stroke="#6ED3B9" strokeWidth={2} />
      <path d="M67.946 40.181 9.42 3.26" stroke="#6ED3B9" strokeWidth={3} />
      <path d="M60.493 42.945 1.966 6.023" stroke="#6ED3B9" strokeWidth={2} />
      <path
        d="M45.328 40.458-13.198 3.536M45.585 48.197-12.94 11.273"
        stroke="#6ED3B9"
        strokeWidth={3}
      />
    </g>
    <path d="M4.84 19.342V2.866l11.454 23.562L4.84 19.342Z" fill="#1128A9" />
    <path d="m18.888 20.37 9.51-5.877V0l-9.51 5.715V20.37Z" fill="#569CF5" />
    <path
      d="m22.715 17.908 7.694 4.869V11.462L22.715 6.52v11.388Z"
      fill="#FB8143"
    />
    <path
      d="m18.888 20.37 9.51-5.877V0l-9.51 5.715V20.37Z"
      fill="#569CF5"
      style={{
        mixBlendMode: "overlay",
      }}
    />
  </svg>

);







export default OsmIcon;
